#header 
{
position: fixed;
z-index:2;
min-width:850px;
height: 120px;
top: 0;
right:10%;
left: 10%;
background-color: rgb(60,30,150);
}
#main
{
position: fixed;
min-width:850px;
height:auto;
z-index:3;
left:10%;
top:120px;
bottom:30px;
right:10%;
overflow:auto;
padding-bottom:30px;
background-color:#FFFFFF;
}
#footer {
position: fixed;
z-index:2;
min-width:850px;
height: 30px;
right: 10%;
left:10%;
bottom: 0;
background-color:  rgb(60,30,150);
} 
#header h1
{
text-align:center;
font-size:3em;
font-family:magneto;
color:white;
text-align:left;
padding:0;
margin:0;
margin-left:1em;
}
#header h4
{
text-align:left;
font-family:magneto;
font-size:1em;
color: white;
padding:0;
margin-top:0;
margin-bottom:0;
margin-left:100px;
}
#header *
{
color:white;
}
#header img
{
float:right
vertical-align:middle;
margin:0;
}
#header input[type="text"], input[type="password"]
{
height: 20px;
width: 100px;
}
#header submit
{
height:20px
}

#main input[type="password"], input[type="text"]
{
width:150px;
}
#footer h1
{
font-size:0.6em;
font-weight:bold;
text-align:center;
color:white;
padding-top:0;
padding-bottom:10;
}

.login
{
top:0;
right:auto;
float:right;
padding-right:10px;
}

.center
{
margin:auto;
width:70%;
}
